<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>eleba</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="../static/css/login.css">
    <script src=" https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<div class="box">
    <br/>
    <div class="login-box">
        <div class="login-title text-center">
            <h1 class="text-center">
                <span class="glyphicon glyphicon-leaf"></span>&nbsp;&nbsp;eleba
            </h1>
            <!--<h1><small>登录</small></h1>-->
        </div>
        <div class="login-content ">
            <div class="form">
                <form action="login" method="post">
                    <div class="form-group">
                        <div class="col-xs-10 col-xs-offset-1">
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-chevron-down"></span></span>
                                <select class="form-control">
                                    <option value="">请选择</option>
                                    <option value="1">用户</option>
                                    <option value="2">外卖员</option>
                                    <option value="3">商家</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-10 col-xs-offset-1">
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
                                <input type="text" id="username" name="username" class="form-control" placeholder="请输入用户名"  value="" required>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-10 col-xs-offset-1">
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
                                <input type="text" id="password" name="password" class="form-control" placeholder="请输入密码" value="" required>
                            </div>
                        </div>
                    </div>
                    <div class="col-xs-6 col-xs-offset-3">
                        <div class="form-group">
                            <a href=""><button type="submit" class="btn btn-block btn-primary" style="font-size: 18px">登录</button></a>
                        </div>
                    </div>
                    <div class="col-xs-6 col-xs-offset-3">
                        <div class="form-group">
                            <div  style="width:500px;margin-left:20px; margin-top:10px;font-size: 18px">注册
                                <span style="color:blue" data-toggle="modal" data-target="#addUserModal" @click="addUser()">用户</span>
                                <span data-toggle="modal" data-target="#addDeliverModal" @click="addDeliver()" style="color:blue">外卖员</span>
                                <span data-toggle="modal" data-target="#addSjModal" @click="addsj()" style="color:blue">商家</span></div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!--添加用户的模态框--->
<div class="modal fade" tabindex="-1" role="dialog" id="addUserModal">
    <div class="modal-dialog" role="document" style="width: 520px;">
        <div class="modal-content">
            <div class="modal-header" style="background:#499ced; color: #fff">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h3 class="modal-title text-center">注册用户</h3>
            </div>
            <div class="modal-body">
                <form action="addUser" method="post" class="form-horizontal">
                    <div class="form-group">
                        <label for="add-uname" class="col-sm-3 control-label">用户名</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="add-uname" name="userName"  required >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="add-pwd" class="col-sm-3 control-label">密码</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="add-pwd" name="password" required>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="add-mail" class="col-sm-3 control-label">邮箱</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="add-mail" name="mail" required>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="add-birthday" class="col-sm-3 control-label">生日</label>
                        <div class="col-sm-9">
                            <input type="date" class="form-control" id="add-birthday" name="birthday" required>
                        </div>
                    </div>
                    <!--<div class="form-group">
                        <input type="file">
                    </div>-->
                    <!--<div class="form-group">
                        <label for="add-nickname" class="col-sm-3 control-label">昵称</label>
                        <div class="col-sm-9">
                            <input type="number" class="form-control" id="add-nickname" name="nickname" required>
                        </div>
                    </div>-->

                    <div class="form-group">
                        <div class="col-sm-offset-3 col-sm-6">
                            <button type="submit" class="btn btn-primary btn-block">确认注册</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<!--添加外卖员的模态框--->
<div class="modal fade" tabindex="-1" role="dialog" id="addDeliverModal">
    <div class="modal-dialog" role="document" style="width: 520px;">
        <div class="modal-content">
            <div class="modal-header" style="background:#499ced; color: #fff">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h3 class="modal-title text-center">注册骑手</h3>
            </div>
            <div class="modal-body">
                <form action="addDeliver" method="post" class="form-horizontal">
                    <div class="form-group">
                        <label for="add-deliverId" class="col-sm-3 control-label">骑手编号</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="add-deliverId" name="deliverId"  required >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="add-name" class="col-sm-3 control-label">骑手姓名</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="add-name" name="name" required>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="add-qpwd" class="col-sm-3 control-label">骑手密码</label>
                        <div class="col-sm-9">
                            <input type="password" class="form-control" id="add-qpwd" name="password" required>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="add-mobile" class="col-sm-3 control-label">骑手电话</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="add-mobile" name="mobile" required>
                        </div>
                    </div>
                    <!--<div class="form-group">
                        <input type="file">
                    </div>-->
                    <!--<div class="form-group">
                        <label for="add-nickname" class="col-sm-3 control-label">昵称</label>
                        <div class="col-sm-9">
                            <input type="number" class="form-control" id="add-nickname" name="nickname" required>
                        </div>
                    </div>-->

                    <div class="form-group">
                        <div class="col-sm-offset-3 col-sm-6">
                            <button type="submit" class="btn btn-primary btn-block">确认注册</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!--添加商家的模态框--->
<div class="modal fade" tabindex="-1" role="dialog" id="addSjModal">
    <div class="modal-dialog" role="document" style="width: 620px">
        <div class="modal-content">
            <div class="modal-header" style="background:#499ced; color: #fff">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h3 class="modal-title text-center">注册商家</h3>
            </div>
            <div class="modal-body">
                <form action="addSj" method="post" class="form-horizontal">
                    <div class="form-group">
                        <label for="add-sjShopname" class="col-sm-3 control-label">店铺名称</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="add-sjShopname" name="sjShopname"  required >
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="add-sjType" class="col-sm-3 control-label">店铺类型</label>
                        <div class="col-sm-9">
                            <select class="form-control" id="add-sjType" name="sjType" required>
                                <option value="">请选择</option>
                                <option value="中式菜系">中式菜系</option>
                                <option value="全球美食">全球美食</option>
                                <option value="甜点饮品">甜点饮品</option>
                                <option value="快餐便当">快餐便当</option>
                                <option value="火锅">火锅</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="add-sjEealname" class="col-sm-3 control-label">商家真实姓名</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="add-sjEealname" name="sjEealname" required>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="add-sjIdcard" class="col-sm-3 control-label">商家身份证号</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="add-sjIdcard" name="sjIdcard" required>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="add-sjName" class="col-sm-3 control-label">商家用户名</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="add-sjName" name="sjName" required>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="add-sjPassword" class="col-sm-3 control-label">密码</label>
                        <div class="col-sm-9">
                            <input type="password" class="form-control" id="add-sjPassword" name="sjPassword" required>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="add-sjPhone" class="col-sm-3 control-label">联系电话</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="add-sjPhone" name="sjPhone" required>
                        </div>
                    </div>

                    <!--<div class="form-group">
                        <input type="file">
                    </div>-->
                    <!--<div class="form-group">
                        <label for="add-nickname" class="col-sm-3 control-label">昵称</label>
                        <div class="col-sm-9">
                            <input type="number" class="form-control" id="add-nickname" name="nickname" required>
                        </div>
                    </div>-->

                    <div class="form-group">
                        <div class="col-sm-offset-3 col-sm-6">
                            <button type="submit" class="btn btn-primary btn-block">确认注册</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script>

</script>
</body>
</html>
